/*
 * 公共部分样式
**/
html, body { height: 100%; }

/*
 * 公用样式和主框架
**/

/* 框架部分 */
body { color: #2a2a2a; background:url(../img/top_bg.png) top center no-repeat #f3f2f4;}
.fm980 { margin: 0 auto; width: 980px;}

/* UI 部分 */
.ft_yh{ font-family: "Microsoft yahei"; color: #000;}
.fz18{ font-size: 18px;}
.fz16{ font-size: 16px;}
.fz14{ font-size: 14px;}
.u_line{ text-decoration: underline;}
.body_wrap .txt_center{ text-align: center;}
/* 喜欢box 14px */
.body_wrap .like_box_14{ color: #9d9d9d; font-family: Arial; font-size: 13px;}
.body_wrap .like_box_14 .fav_heart{ display: inline-block; vertical-align: -2px; background: url(../img/icon_heart_14.png) 0 -22px no-repeat; width: 14px; height: 12px;}
.body_wrap .liked_box_14 .fav_heart{ background-position: 0 0;}
.body_wrap .liked_box_14{ color: #a72b8f;}
/* 喜欢box 80px */
.body_wrap .fav_heart_box .fav_heart_80{ display: inline-block; background: url(../img/icon_heart_80.png) no-repeat; width: 80px; height: 80px;}
.body_wrap .faved_heart_box .fav_heart_80{ background-position: 0 -90px;}
.body_wrap .faved_heart_box .fav_heart{ background-position: 0 0;}

/* button */
.btn_com_gray,.btn_com_gray:hover{ border:none; display: inline-block; width: 190px; height: 40px; line-height: 40px; color: #999; font-size: 15px; font-family: "Microsoft yahei"; background-color: #d4d4d4; box-shadow: 0 4px 0 #a4a4a4; border-radius: 5px; text-align: center; cursor: default;}
.btn_oper_gray,.btn_oper_gray:hover{ border:none; display: inline-block; font-family: "Microsoft yahei"; background-color: #fff; border: 2px solid #8f8f8f; border-radius: 4px; color: #727272; height: 20px; line-height: 20px; text-align: center; padding: 0 25px;}
.btn_com_purple,.btn_com_purple:hover{ border:none; display: inline-block; width: 190px; height: 40px; line-height: 40px; color: #fff; font-size: 15px; font-family: "Microsoft yahei"; background-color: #7b4397; box-shadow: 0 4px 0 #470B65; border-radius: 5px; text-shadow: 0 0 1px rgba(22,5,7,0.75); text-align: center; cursor: pointer;}
.btn_com_purple:hover{ background-color: #672d84; box-shadow: 0 4px 0 #470B65;}
.btn_oper_purple,.btn_oper_purple:hover{ border:none; display: inline-block; font-family: "Microsoft yahei"; background-color: #fff; border: 2px solid #a72b8f; border-radius: 4px; color: #a72b8f; height: 20px; line-height: 20px; text-align: center; padding: 0 25px;}
.btn_com_red,.btn_com_red:hover{ border:none; display: inline-block; height: 38px; line-height: 38px; color: #fff; font-size: 14px; font-family: "Microsoft yahei"; background-color: #dc2430; border-radius: 5px; text-align: center;}
.btn_oper_red,.btn_oper_red:hover{ border:none; display: inline-block; font-family: "Microsoft yahei"; background-color: #fff; border: 2px solid #dc2430; border-radius: 4px; color: #dc2430; height: 30px; line-height: 30px; text-align: center; padding: 0 35px; font-size: 14px;}


/* header */
.header_wrap{ background-color: #7b4397; height: 64px; overflow: hidden; padding-left: 50%;}
.header{ background:url(../img/top_bg.png) no-repeat #dc2430; margin-left: -490px;}
.header .logo{ background: url(../img/logo.png) no-repeat; width: 114px; height: 64px;}
.header a,.header a:hover{ color: #fff; font-family: "Microsoft yahei"; display: inline-block; height: 64px; line-height: 64px;}
.header .nav_box a,.header .nav_box a:hover{ width: 90px; text-align: center; text-decoration: none;}
.header .nav_box a.cur{ background: url(../img/nav_cur.png) no-repeat; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/nav_cur.png', sizingMethod="crop");}
.header .about_box a.cur{ background: url(../img/triangle.png) center bottom no-repeat; _background: url(../img/triangle_ie6.png) center bottom no-repeat;}

/* nav */
.header .nav_box{ padding-left: 55px;}
.header .nav_box li{ float: left; display: inline; margin-right: 15px;}
.header .nav_box a{ font-size: 16px;}

/* about */
.header .about_box a{ font-size: 14px; margin-left: 20px;}


.footer{ background-color: #333; height: 165px; padding-top: 42px; overflow: hidden;}
.footer .foot_link{ margin-right: 50px;}
.footer .foot_link a{ display: block; line-height: 28px; color: #fff; font-size: 14px;}
.footer .copy_box p,.footer .copy_box a{ color: #fff; line-height: 18px; text-align: right;}
.footer .copy_box a{ margin-left: 12px;}
.footer .copy_box a.share_icon{ background: url(../img/foot_icon.png) no-repeat; display: inline-block; width: 28px; height: 28px; margin: 10px 0 0 10px;}
.footer .copy_box a.share_sina{ background-position: 0 0;}
.footer .copy_box a.share_wx{ background-position: 0 -38px;}


/* common pagination */
.page_box{ padding: 20px 0; text-align: center;}
.page_box a,.page_box span{ display: inline-block; color: #a72b8f;}
.page_box a{ display: inline-block; width: 34px; height: 34px; line-height: 34px; text-align: center; border: 1px solid #e3e3e3; background-color: #fff; border-radius: 18px; margin: 0 4px 0 0;}
.page_box a:hover{ border: 1px solid #a72b8f;}
.page_box a.cur,.page_box a.cur:hover{ border: 1px solid #a72b8f; background-color: #a72b8f; color: #fff; cursor: default;}

.backTop{ background: url(../img/icon_backtop.png) no-repeat; display: block; width: 28px; height: 28px; position: fixed;  left: 50%; margin-left: 500px; bottom: 10px;}

/* handle_bar */
.handle_bar{ background: url(../img/handle_bar_bg.png) repeat-x; height: 50px; padding-top: 9px;}




